<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>会员登录 - 花礼网</title>
    <meta name="description"
        content="鲜花网,选花礼网(鲜花礼品网)-国内领先的鲜花网领先品牌,专注鲜花速递服务16年,销量居鲜花礼品网站首位！鲜花网可24小时预订鲜花，同城送花、异地送花服务,网上订花后最快1-3小时即可将鲜花快递上门,送花网站覆盖国内2000多城市！">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="花礼网Hua.com,鲜花礼品网,鲜花,鲜花网,鲜花快递,网上订花送花,网上订花,送花网站">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../img/favicon.png">
    <!-- jq -->
    <script src="./js/jquery.js"></script>
    <!-- boot -->
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.css">
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <!-- layui -->
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <!-- 修改原本的标签样式 -->
    <link rel="stylesheet" href="../less/eliminate.css/ym.css">
    <!-- 我们写的 -->
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="../fontawesome-free-5.15.4-web/css/all.css">
    <script src="./js/login.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div id="top-nav" class="container-fluid  visible-lg-block">
        <div class="center">
            <ul class="top-l">
                <li><a href=""><i class="fas fa-star"></i><span>收藏花礼网(hua.com)</span></a></li>
                <li><a href=""><i class="fas fa-comments"></i><span>关注微信</span></a></li>
                <li><a href=""><i class="fas fa-certificate"></i><span>花礼网app</span></a></li>
            </ul>

            <ul class="top-r">
                <li><span><a>你好,请登录</a></span><span><a>注册</a></span></li>
                <li><a>订单查询</a></li>
                <li><a>客户服务</a></li>
                <li><a>购物车</a><span class="orange">(0)</span></li>
                <li>鲜花礼品网:国内领先鲜花网品牌</li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div id="header">
        <!-- 居中 -->
        <div class="center">
            <!-- logo -->
            <div class="logo">
                <h1>
                    <a href="">鲜花礼品网(花礼网)</a>
                </h1>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <input type="text" placeholder="商品关键词">
                <button>搜索</button>
            </div>
            <!-- 服务热线 -->
            <div class="service">
                <span class="orange fas fa-phone"></span>
                <span class="font">400-889-8188</span>
                <i>&nbsp;&nbsp;|&nbsp;&nbsp;</i>
                <span class="orange fas fa-headphones"></span>
                <span class="font">在线客服</span>
            </div>
        </div>
    </div>
    <!-- 中间注册 -->
    <div id="midRe">
        <!-- 居中 -->
        <div class="center">
            <!-- 注册框 -->
            <div class="login change">
                <!-- 第一排 -->
                <div class="line1">
                    <span class="color1">账号登录
                        <i></i>
                    </span>
                    <div class="qcde">
                        <img src="./img/pc_login_qr.png">
                    </div>
                    <span class="disappear1">微信扫码登录</span>
                </div>
                <!-- 下面部分 -->
                <div class="bottom">
                    <!-- 切换功能 -->
                    <div class="add">
                        <span class="changeN changeA">
                            <span class="fas fa-comment-alt"></span>
                            手机验证码登录
                        </span>
                        <span class="changeN changeB">
                            <span class="fas fa-lock-open"></span>
                            手机账号登录
                        </span>
                    </div>
                    <!-- 第二排 手机验证 -->
                    <div class="line2">
                        <span class="fas fa-mobile-alt"></span>
                        <input type="text" placeholder="请输入手机" class="number">
                    </div>

                    <!-- 第三排  短信验证码-->
                    <div class="line3">
                    <span class="far fa-comment-alt"></span>
                    <input type="text" placeholder="请输入短信验证码" class = "prove">
                    <button class = "get">获取验证码</button>
                </div>

                    <!-- 第四排 密码 -->
                    <div class="line4">
                        <span class="fas fa-lock"></span>
                        <input type="password" placeholder="请输入密码" class="password">
                    </div>

                    <!-- 第五排 注册键 -->
                    <div class="line5">
                        <button class='signIn'>登录</button>
                    </div>
                </div>
                <!-- 最后一排 qq 支付宝 -->
                <div class="line6">
                    <div class="line6-1">
                        <a href=""><img src="./img/QQ.png" alt="">QQ</a>
                        <a href=""><img src="./img/zhifubao.png" alt="">支付宝</a>
                    </div>
                    <div class="line6-2">
                        <a href="./register/register.html">登陆账号&gt;</a>
                    </div>
                </div>
            </div>
            <!-- 微信扫码登录 -->
            <div class="weixin login">
                <!-- 第一排 -->
                <div class="line1">
                    <div class="qcde">
                        <img src="./img/pc_login_qr.png">
                    </div>
                    <span class="disappear2">账号登录</span>
                    <span class="color1">
                        微信扫码登录
                        <i></i>
                    </span>
                </div>
                <!-- 下面部分 -->
                <div class="bottom">
                    <div class="wxCode">
                        <img src="./img/weixin.jpg" alt="" srcset="">
                    </div>
                    <div class="qcodeT">
                        <p>
                            微信扫码&nbsp;快速登录
                            <span class="far fa-question-circle"></span>
                        </p>
                    </div>
                    <!-- 最后一排 qq 支付宝 -->
                    <div class="line6">
                        <div class="line6-1">
                            <a href=""><img src="./img/QQ.png" alt="">QQ</a>
                            <a href=""><img src="./img/zhifubao.png" alt="">支付宝</a>
                        </div>
                        <div class="line6-2">
                            <a href="./register/register.html">登陆账号&gt;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="last">
        <!-- 居中 -->
        <div class="center">
            <!-- 列表 -->
            <ul class="list">
                <li><a href="">首页</a></li>
                <li><i>｜</i></li>
                <li><a href="">关于我们</a></li>
                <li><i>｜</i></li>
                <li><a href="">媒体报道</a></li>
                <li><i>｜</i></li>
                <li><a href="">联系方式</a></li>
                <li><i>｜</i></li>
                <li><a href="">企业团购</a></li>
                <li><i>｜</i></li>
                <li><a href="">花店入驻</a></li>
                <li><i>｜</i></li>
                <li><a href="">友情链接</a></li>
                <li><i>｜</i></li>
                <li><a href="">在线补款</a></li>
                <li><i>｜</i></li>
                <li><a href="">为什么选择花礼网</a></li>
            </ul>
            <!-- 图标 -->
            <div class="pic">
                <a href=""> <img src="./img/slogan.png" alt=""></a>
                <a href=""> <img src="./img/like.jpeg" alt=""></a>
                <a href=""> <img src="./img/bico1.jpeg" alt=""></a>
                <a href=""> <img src="./img/govIcon.gif" alt="" class="large"></a>
            </div>
            <!-- 证书 -->
            <p>
                <a href="">中国电子商务协会会员</a>
                <a href="">中国电子商务协会会员</a>
                <b> ICP经营许可证：</b>
                <a href="">粤B2-20050744</a>
                <i>｜</i>
                <a href="">粤ICP备09171662号</a>
                <b>粤公网安备44030502000373号 Copyright © 2005-2021</b>
            </p>
            <p class="speical">
                <a href="">www.hua.com</a>
                <b> 深圳市百易信息技术有限公司</b>
            </p>
        </div>
    </div>
</body>

</html>